<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="UTF-8"/>
  <title>首页</title>
  <style type="text/css">
    a{text-decoration:none;}
    #bod{
      width:1200px;
      /*position:fixed;*/
      height:2000px;
   /*   border: 1px solid black;*/
      float:left;
    }
    #total{
      width:200px;
      /* position:fixed;*/
      height:900px;
      /*border: 1px solid black;*/
      float:left;
      background-color:#6b90da;

    }
    #middle{
      width:995px;
      /*position:fixed;*/
      height:200px;
      /*border: 1px solid red;*/
      float:left;
      background-color:#cfcfcf;
      position:relative;


    }
    #mid1{
      width:950px;
      height:50px;
      border: 1px solid black;
      background-color: white;
      margin:auto;
      top: 0; left: 0; bottom: 0; right: 0;
      position: absolute;

    }
    #last{
      width:995px;
      /*position:fixed;*/
      height:1000px;
      /*border: 1px solid blue;*/
      float:left;

    }
    #last01{
      width:200px;
      /*position:fixed;*/
      height:200px;
      border: 1px solid #cfcfcf;
      float:left;
      margin-left:100px;
      margin-top:15px;
      /*background-color: #6b90da;*/
    }
    #last02{
      width:200px;
      /*position:fixed;*/
      height:200px;
      border: 1px solid #cfcfcf;
      float:left;
      margin-left:100px;
      margin-top:15px;

    }
    #last03{
      width:200px;
      /*position:fixed;*/
      height:200px;
      border: 1px solid #cfcfcf;
      float:left;
      margin-left:100px;
      margin-top:15px;
    }
    #last04{
      width:200px;
      /*position:fixed;*/
      height:200px;
      border: 1px solid #cfcfcf;
      float:left;
      margin-left:100px;
      margin-top:20px;
    }
    #last05{
      width:200px;
      /*position:fixed;*/
      height:200px;
      border: 1px solid #cfcfcf;
      float:left;
      margin-left:100px;
      margin-top:20px;
    }
    #last06{
      width:200px;
      /*position:fixed;*/
      height:200px;
      border: 1px solid #cfcfcf;
      float:left;
      margin-left:100px;
      margin-top:20px;
    }
    .col{
      color:white;

    }

  </style>
</head>
<body>

<div id="head">


</div>
<div id="bod">
  <div id="total">
    <p color="col" th:each="menu,stat:${menuList}" >
      <a th:href="@{${menu.topFunc.funcUrl}}" th:text="${menu.topFunc.functionName}"></a>
    <p class="col" th:each="childMenu,stat:${menu.childrenFunc}" >
      &nbsp;&nbsp;&nbsp;&nbsp;<a th:href="@{${childMenu.funcUrl}}" th:text="${childMenu.functionName}"></a>
    </p>
    </p>

    <p>
      <a th:href="@{/logout}">退出系统</a>
    </p>

  </div>
  <div id="middle">
    <div id="mid1">
      <h4>欢迎来到青客卖房</h4>

    </div>



  </div>
  <div id="last">
    <div id="last01">
      用户管理
    </div>
    <div id="last02">
      房屋管理
    </div>
    <div id="last03">
      订单管理
    </div>
    <div id="last04">
      角色管理
    </div>
    <div id="last05">
      权限管理
    </div>
    <div id="last06">
      房源管理
    </div>

  </div>
</div>



<!--<p><a th:href="@{/user/userList}">用户管理</a></p>
<p><a th:href="@{/role/roleList}">角色管理</a></p>
<p><a th:href="@{/function/functionList}">权限管理</a></p>
<p><a th:href="@{/product/productList}">商品管理</a></p>-->
</body>
</html>